<%@ page language="java" import="java.util.*"
	contentType="text/html;charset=utf-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>精英大侠-最专业的电脑销售网站</title>
<link href="${pageContext.request.contextPath}/css/bootstrap.css"
	rel="stylesheet" type="text/css" media="all">
<link href="${pageContext.request.contextPath}/css/style.css"
	rel="stylesheet" type="text/css" media="all" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.useso.com/css?family=Montserrat:400,700'
	rel='stylesheet' type='text/css'>
<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easing.js"></script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/flexslider.css"
	type="text/css" media="screen" />
<link href="${pageContext.request.contextPath}/css/megamenu.css"
	rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/megamenu.js"></script>
<script>
	$(document).ready(function() {
		$(".megamenu").megamenu();
	});
</script>
<script src="${pageContext.request.contextPath}/js/menu_jquery.js"></script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/etalage.css">
<script
	src="${pageContext.request.contextPath}/js/jquery.easydropdown.js"></script>
<script
	src="${pageContext.request.contextPath}/js/jquery.etalage.min.js"></script>
<script>
	jQuery(document)
			.ready(
					function($) {

						$('#etalage')
								.etalage(
										{
											thumb_image_width : 300,
											thumb_image_height : 400,
											source_image_width : 900,
											source_image_height : 1200,
											show_hint : true,
											click_callback : function(
													image_anchor, instance_id) {
												alert('Callback example:\nYou clicked on an image with the anchor: "'
														+ image_anchor
														+ '"\n(in Etalage instance: "'
														+ instance_id + '")');
											}
										});

					});
</script>

<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" id="sourcecode">
	$(function() {
		$('.scroll-pane').jScrollPane();
	});
</script>


</head>
<body>
	<!-- header -->
	<div class="header">
		<div class="top_bg">
			<div class="container">
				<div class="header_top">
					<div class="logo">
						<a
							href="${pageContext.request.contextPath}/customer/indexUI.action"><img
							src="${pageContext.request.contextPath}/images/logo.png" alt="" />
						</a>
					</div>
					<br> <br> &nbsp; &nbsp; &nbsp; <span>
						<form action="#">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="text"
								style="height:40px;" size="80"> <input type="submit"
								value="搜索" style="height:40px;width:90px">

						</form> </span>
					<div class="top_right">
						<ul>
							<li>${sessionScope.customer.customerName}</li>
							<li><a href="#">免费注册 </a>
							</li>
							<li><a href="${pageContext.request.contextPath}/link/test.action">联系我们</a>
							</li>
							<li class="login">
								<div id="loginContainer">
									<a href="#" id="loginButton"><span>登录</span> </a>
									<div id="loginBox">
										<form id="loginForm"
											action="${pageContext.request.contextPath}/customer/customerLogin.action"
											method="post">
											<fieldset id="body">
												<fieldset>
													<label for="email">邮箱地址</label> <input type="text"
														name="customerEmail" id="email">
												</fieldset>
												<fieldset>
													<label for="password">密码</label> <input type="password"
														name="customerPassword" id="password">
												</fieldset>
												<input type="submit" id="login" value="登录"> <label
													for="checkbox"><input type="checkbox" id="checkbox">
													<i>下次自动登录</i> </label>
											</fieldset>
											<span><a href="#">忘记密码?</a> </span>
										</form>
									</div>
								</div></li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="head-bann">
		<div class="container">
			<div class="head-nav">
				<span class="menu"> </span>
				<ul class="megamenu skyblue">
					<li><a class="color1"
						href="${pageContext.request.contextPath}/customer/indexUI.action">首页</a>
					</li>
					<li class="grid"><a class="color2"
						href="${pageContext.request.contextPath}/goods/brand.action">电脑办公</a>
						<div class="megapanel">
							<div class="row">
								<div class="col1">
									<div class="h_nav">
										<h4>电脑整机</h4>
										<ul>
											<li><a
												href="${pageContext.request.contextPath}/goods/brand.action">笔记本</a>
											</li>
											<li><a href="#">游戏本</a>
											</li>
											<li><a href="#">台式机</a>
											</li>
											<li><a href="#">一体机</a>
											</li>
											<li><a href="#">服务器</a>
											</li>
											<li><a href="#">联想</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>电脑配件</h4>
										<ul>
											<li><a href="#">CPU</a>
											</li>
											<li><a href="#">SSD硬盘</a>
											</li>
											<li><a href="#">显示器</a>
											</li>
											<li><a href="#">显卡</a>
											</li>
											<li><a href="#">组装电脑</a>
											</li>
											<li><a href="#">机箱</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>文具耗材</h4>
										<ul>
											<li><a href="#">学生文具</a>
											</li>
											<li><a href="#">办公文具</a>
											</li>
											<li><a href="#">纸类</a>
											</li>
											<li><a href="#">打印耗材</a>
											</li>

										</ul>
									</div>
								</div>
								<!-- 	<div class="col1">
									<div class="col1">
										<div class="h_nav">
											<h4>促销快报</h4>
											<ul>
												<li><a href="#">折价商品</a>
												</li>
												<li><a href="#">本周热门</a>
												</li>
												<li><a href="#">最新商品</a>
												</li>

											</ul>
										</div>
									</div>

								</div>
								 -->
								<div class="row">
									<div class="col2"></div>
									<div class="col1"></div>
									<div class="col1"></div>
									<div class="col1"></div>
									<div class="col1"></div>
								</div>
							</div>
					</li>
					<li><a class="color4"
						href="${pageContext.request.contextPath}/goods/brand.action">品牌馆</a>
						<div class="megapanel">
							<div class="row">
								<div class="col1">
									<div class="h_nav">
										<h4>联想</h4>
										<ul>
											<li><a href="#">ThinkPad New S3</a>
											</li>
											<li><a href="#">YOGA5 Pro</a>
											</li>
											<li><a href="#">小新 air13 Pro</a>
											</li>
											<li><a href="#">拯救者</a>
											</li>
											<li><a href="#">天逸310</a>
											</li>
											<li><a href="#">710S</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>华硕</h4>
										<ul>
											<li><a href="#">U4000UQ</a>
											</li>
											<li><a href="#">FX-PRO</a>
											</li>
											<li><a href="#">灵耀3</a>
											</li>
											<li><a href="#">顽石四代</a>
											</li>
											<li><a href="#">玩家国度</a>
											</li>
											<li><a href="#">G11飞行堡垒</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>ThinkPad</h4>
										<ul>
											<li><a href="#">黑侠E570</a>
											</li>
											<li><a href="#">NewS2</a>
											</li>
											<li><a href="#">E450</a>
											</li>
											<li><a href="#">黑将S5</a>
											</li>
											<li><a href="#">E450</a>
											</li>
											<li><a href="#">X260</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>微星</h4>
										<ul>
											<li><a href="#">GP62</a>
											</li>
											<li><a href="#">GL62</a>
											</li>
											<li><a href="#">GS73</a>
											</li>

										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>戴尔</h4>
										<ul>
											<li><a href="#">灵越</a>
											</li>
											<li><a href="#">成就</a>
											</li>
											<li><a href="#">7040MT</a>
											</li>
											<li><a href="#">一体机</a>
											</li>
											<li><a href="#">灵越飞匣</a>
											</li>

										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>惠普</h4>
										<ul>
											<li><a href="#">HP ENVY</a>
											</li>
											<li><a href="#">暗影精灵II</a>
											</li>
											<li><a href="#">22-b030cn</a>
											</li>
											<li><a href="#">24ES</a>
											</li>
											<li><a href="#">一体机</a>
											</li>
											<li><a href="#">商务本</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col2"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
							</div>
						</div></li>

					<li><a class="color5" href="#">游戏部落</a></li>

					<li><a class="color6" href="#">装机大师</a>
					</li>
					<li><a class="color7"
						href="${pageContext.request.contextPath}/orders/shoppingcarshow.action">购物车</a>
					</li>
					<li><a class="color8" href="${pageContext.request.contextPath}/link/test.action">联系我们</a>
					</li>

					<div class="clearfix"></div>
				</ul>
			</div>
		</div>
	</div>
	<!-- script-for-nav -->
	<script>
		$("span.menu").click(function() {
			$(".head-nav ul").slideToggle(300, function() {
				// Animation complete.
			});
		});
	</script>
	<!-- script-for-nav -->

	<div class="banner1">
		<div class="container"></div>
	</div>
	<!-- header -->
	<div class="men">
		<div class="container">
			<div class="col-md-9 single_top">
				<h1 class="page-heading product-listing">购物车</h1>
				<div class="product-count">全 部 商 品</div>
				<c:forEach items="${sessionScope.goodsCustoms2 }"
					var="goodsCustoms2" varStatus="status">
					<div class="brand_box">

						<div class="left-side col-xs-12 col-sm-3">
							<img
								href="${pageContext.request.contextPath}/goods/detailGoods.action?id=${goodsCustoms2.goodsId}"
								src="${goodsCustoms2.uploadLocation}${goodsCustoms2.uploadName}"
								alt="" />
						</div>
						<div class="middle-side col-xs-12 col-sm-5">
							</br>
							<h4>
								<a
									href="${goodsCustoms2.uploadLocation}${goodsCustoms2.uploadName}">${goodsCustoms2.goodsName}</a>
							</h4>

							<p>${goodsCustoms2.goodsDescription }</p>
							</br>
							<div class="link-cart">促销价格：￥${goodsCustoms2.goodsPrice }</div>
							</br>
							<p>
								剩余存货：<b>${goodsCustoms2.goodsNumber }</b>，数量有限，立即抢购
							</p>
						</div>
						<div class="right-side col-xs-12 col-sm-4">
							<p>
								<a href="#">有货 ￥${goodsCustoms2.goodsPrice }</a>
							</p>
							<a class="products"
								href="${pageContext.request.contextPath}/goods/detailGoods.action?id=${goodsCustoms2.goodsId}">查看</a>
							<a class="products"
								href="${pageContext.request.contextPath}/orders/shoppingcardel.action?id=${goodsCustoms2.goodsId}">删除</a>
						</div>
						<div class="clearfix"></div>
					</div>
				</c:forEach>


				<div class="brand_box">
					<div class="left-side col-xs-12 col-sm-3">
						<br /> <br />
						<h3>
							<p class="tot">
								应付总额 <font color="#FF0000">￥${sessionScope.sum }</font>
							</p>
						</h3>
					</div>
					<div class="middle-side col-xs-12 col-sm-5"></div>

					<div class="right-side col-xs-12 col-sm-4">
						<a class="show1"
							href="${pageContext.request.contextPath}/orders/buy.action">全部结算</a>
					</div>

					<div class="clearfix"></div>
				</div>
			</div>
			<!-- 
				<div class="brand_box">
					<div class="left-side col-xs-12 col-sm-3">
						<img src="images/weekday1.jpg" alt="" />
					</div>
					<div class="middle-side col-xs-12 col-sm-5">
						<h4>
							<a href="#">Lorem Ipsum</a>
						</h4>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
							sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
							aliquam erat volutpat. Ut wisi enim</p>
					</div>

					<div class="right-side col-xs-12 col-sm-4">
						<p>
							<a href="#">1 Product</a>
						</p>

						<a class="products" href="#">View Products</a>
					</div>

					<div class="clearfix"></div>
				</div>
				<div class="brand_box">
					<div class="left-side col-xs-12 col-sm-3">
						<img src="images/g-star-raw.jpg" alt="" />
					</div>
					<div class="middle-side col-xs-12 col-sm-5">
						<h4>
							<a href="#">Lorem Ipsum</a>
						</h4>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
							sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
							aliquam erat volutpat. Ut wisi enim</p>
					</div>
					<div class="right-side col-xs-12 col-sm-4">
						<p>
							<a href="#">1 Product</a>
						</p>
						<a class="products" href="#">View Products</a>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="brand_box">
					<div class="left-side col-xs-12 col-sm-3">
						<img src="images/weekday1.jpg" alt="" />
					</div>
					<div class="middle-side col-xs-12 col-sm-5">
						<h4>
							<a href="#">Lorem Ipsum</a>
						</h4>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
							sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
							aliquam erat volutpat. Ut wisi enim</p>
					</div>
					<div class="right-side col-xs-12 col-sm-4">
						<p>
							<a href="#">1 Product</a>
						</p>
						<a class="products" href="#">View Products</a>
					</div>
					<div class="clearfix"></div>
				</div>
				 -->


			<div class="col-md-3 brand-left">
				<h3 class="m_1">最近浏览</h3>
				<c:forEach items="${sessionScope.goodsCustoms4}" var="goodsCustoms4"
					varStatus="status">
					<ul class="product">

						<li class="product_img">
							<p>${goodsCustom4.goodsPrice}</p> <img
							src="${goodsCustoms4.uploadLocation}${goodsCustoms4.uploadName} "
							class="img-responsive" alt="" />
						</li>
						<li class="product_desc">
							<h4>
								<a
									href="${pageContext.request.contextPath}/goods/detailGoods.action?id=${goodsCustoms4.goodsId}">${goodsCustoms4.goodsName
									}</a>
							</h4>
							<p class="single_price">￥${goodsCustoms4.goodsPrice }</p> <a
							href="${pageContext.request.contextPath}/goods/detailGoods.action?id=${goodsCustoms4.goodsId}"
							class="link-cart">火爆销售</a> <a
							href="${pageContext.request.contextPath}/goods/detailGoods.action?id=${goodsCustoms4.goodsId}"
							class="link-cart">点击查看</a></li>
						<div class="clearfix"></div>
					</ul>
				</c:forEach>
				<!-- 
				<ul class="product">
					<li class="product_img"><img src="images/9.jpg"
						class="img-responsive" alt="" />
					</li>
					<li class="product_desc">
						<h4>
							<a href="#">quod mazim</a>
						</h4>
						<p class="single_price">$66.30</p> <a href="#" class="link-cart">Add
							to Wishlist</a> <a href="#" class="link-cart">Add to Cart</a></li>
					<div class="clearfix"></div>
				</ul>
				 -->
				<!-- 
				<ul class="product">
					<li class="product_img"><img src="images/8.jpg"
						class="img-responsive" alt="" />
					</li>
					<li class="product_desc">
						<h4>
							<a href="#">quod mazim</a>
						</h4>
						<p class="single_price">$66.30</p> <a href="#" class="link-cart">Add
							to Wishlist</a> <a href="#" class="link-cart">Add to Cart</a></li>
					<div class="clearfix"></div>
				</ul>
				<ul class="product">
					<li class="product_img"><img src="images/7.jpg"
						class="img-responsive" alt="" />
					</li>
					<li class="product_desc">
						<h4>
							<a href="#">quod mazim</a>
						</h4>
						<p class="single_price">$66.30</p> <a href="#" class="link-cart">Add
							to Wishlist</a> <a href="#" class="link-cart">Add to Cart</a></li>
					<div class="clearfix"></div>
				</ul>
				 -->
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<p>
				Copyright &copy; 2017.Company name All rights reserved.<a
					target="_blank" href="http://sc.chinaz.com/moban/">精英大侠;</a>
			</p>
		</div>
	</div>
	<!-- footer -->
	<div style="display:none">
		<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
			language='JavaScript' charset='gb2312'></script>
	</div>
</body>
</html>